 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
 <body>
     
 </body>
 </html>
    ><!-- - #笔记要求

    ##笔记
    - 每日边看视频边记录笔记，然后每个知识点需要自己解释一下
    - 以及 每日未解决的问题可以记录下来
    - 记录每日完成多少代码量（多少行）
    - 今天做了什么
    有做项目的话，项目的进度 -->
    Blend modes(混合模式)
CSS混合模式允许我们为元素添加一个混合模式，一两个元素重叠时，制定一个混合的效果
--最终每个像素所展示的颜色将是原来像素种颜色和其下一层相组合之后的效果
backgroun-liend，用来将单个元素的多重背景图片和背景颜色设置混合在一起.
多层混合
（mix-blend）不仅混合了两种背景图像，还混合了在<div>下面的颜色.
线形渐变的构成：
线形渐变有一个轴（梯度线）定义，其上每个点具有两种或多种的颜色，且轴上的每个点都具有独立的颜色
为了构建出平滑的渐变，linear-gradient()函数构建一系列垂直于渐变线的着色点，每一条着色线的颜色
则取决于与之垂直相交的渐变线上的色点渐变色由包含渐变图形的容器的中心点和一个角度来定义的。渐变线
上的颜色值是由不同的点来定义，包括起始点，终点，以及两者之间的可选的中间点（中间点可以有多个）